<!DOCTYPE html>
<html lang="en">
<head>
<title>Urban Development</title>
<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<meta name="keywords" content="" />

<!--// Meta tag Keywords -->

	<!-- Recent Trips section css files-->
	<link rel="stylesheet" href="css/owl.carousel.css" type="text/css" media="all">
	<link href="css/owl.theme.css" rel="stylesheet">
	<!-- //Recent Trips section css files -->

	<!-- Testimonials -->
	<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
	<!-- //Testimonials -->

	<!-- css files -->
	<link rel="stylesheet" href="css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" /> <!-- Style-CSS --> 
	<link rel="stylesheet" href="css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
	<!-- //css files -->

	<!-- web-fonts -->
	<link href="http://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic,cyrillic-ext,latin-ext,vietnamese" rel="stylesheet">

	<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet">
	
</head>

<body>
    <!-- Header -->
    <div class="header">
        <nav class="navbar navbar-default">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <h1><a href="#">Melbourne Travel</a></h1>
            </div>
            <div class="top-nav-text">
                <ul class="social_agileinfo">
                    <li><a href="https://www.facebook.com/" class="w3_facebook"><i class="fa fa-facebook"></i></a></li>
                    <li><a href="https://twitter.com/" class="w3_twitter"><i class="fa fa-twitter"></i></a></li>
                    <li><a href="https://www.instagram.com/" class="w3_instagram"><i class="fa fa-instagram"></i></a></li>
                    <li><a href="https://www.google.com/" class="w3_google"><i class="fa fa-google-plus"></i></a></li>
                </ul>
            </div>
            <!-- navbar-header -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" style="border: none;">
                <ul class="nav navbar-nav navbar-right">
                    <li><a class="hvr-underline-from-center"href="index.html">Home</a></li>
                    <li><a href="urban_development.html" class="hvr-underline-from-center "   >Urban Development</a></li>
                    <li><a href="exploration.html" class="hvr-underline-from-center active " style="color:#da9d40;">Exploration</a></li>
                    <li><a href="transport.html" class="hvr-underline-from-center ">Transport</a></li>
                    <li><a class="hvr-underline-from-center " href="gallery.html" >Gallery</a></li>
                    
                </ul>
            </div>

           
        </nav>
    </div>
    <!-- //Header -->
	 <!-- Map -->
     <div style="height: calc(100vh - 80px); ">
        <iframe height="100%" width="100%"  frameborder="no" src=" https://ivassign3.shinyapps.io/data/"> </iframe>
      </div>
     
      <!-- //Map -->


<!-- js-scripts -->		

	<!-- js -->
	<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap --> 
	<!-- //js -->	

	



</body>

</html>
